import React, { Component } from 'react';

import Text1 from './text1.jsx';
import Text2 from './text2.jsx';
import Text3 from './text3.jsx';
import Text4 from './text4.jsx';

// const ThemeContext = React.createContext('light');
import { ThemeContext } from './createContext';

class View extends Component{

    render(){
        return (
            <div className="m">
                <h3>context</h3>
                <Text1 name="web1904"/>
                <ThemeContext.Provider value="black">
                    <Text2/>
                </ThemeContext.Provider>
                <ThemeContext.Provider value="black1111">
                    <Text3/>
                </ThemeContext.Provider>
                <ThemeContext.Provider value="black1111">
                    <Text4/>
                </ThemeContext.Provider>
            </div>
        )
    }
}








export default View;
